.search-field .auto-completion-label {
    -fx-text-fill: rgb(0, 0, 0, .4);
}

.search-field .graphic-wrapper {
    -fx-background: -fx-control-inner-background;
    -fx-background-color: -fx-background;
    -fx-padding: 0px 0px;
}

.search-field .graphic-wrapper .ikonli-font-icon {
    -fx-icon-size: 16px;
    -fx-icon-color: -fx-text-background-color;
}

/* -----------------------------------------------------------------------
 * Style based on Modena.css combo-box-popup style
 */
.search-field-list-view {
    -fx-background-color:
            linear-gradient(to bottom,
            derive(-fx-color,-17%),
            derive(-fx-color,-30%)
            ),
            -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-effect: dropshadow( gaussian , rgba(0,0,0,0.2) , 12, 0.0 , 0 , 8 );
    -fx-pref-height: 200px;
}

.search-field-popup:above .search-field-list-view {
    -fx-translate-y: -6;
}

.search-field-list-view > .virtual-flow > .clipped-container > .sheet > .list-cell {
    -fx-padding: 4 0 4 5;
    /* No alternate highlighting */
    -fx-background: -fx-control-inner-background;
}

.search-field-list-view > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
}

.search-field-list-view  > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected,
.search-field-list-view  > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-background, -fx-cell-focus-inner-border, -fx-background;
    -fx-background-insets: 0, 1, 2;
}

.search-field-list-view > .placeholder > .label {
    -fx-text-fill: derive(-fx-control-inner-background,-30%);
}

.search-field-list-view .search-field-list-cell {
}

.search-field-list-view .search-field-list-cell .text {
    -fx-fill: -fx-selection-bar-text;
}

.search-field-list-view .search-field-list-cell .text.start {
}

.search-field-list-view .search-field-list-cell .text.middle {
    -fx-underline: true;
}

.search-field-list-view .search-field-list-cell .text.end {
}
